<%--
  Created by IntelliJ IDEA.
  User: lijincheng
  Date: 2021/5/19
  Time: 2:23 下午
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>404</title>
    <!-- CUSTOM STYLE -->
    <link href="/css/style.css" rel="stylesheet">
    <!-- THEME TYPO -->
    <link href="/css/themetypo.css" rel="stylesheet">
    <!-- BOOTSTRAP -->
    <link href="/css/bootstrap.css" rel="stylesheet">
    <!-- COLOR FILE -->
    <link href="/css/color.css" rel="stylesheet">
    <!-- FONT AWESOME -->
    <link href="/css/font-awesome.min.css" rel="stylesheet">
    <!-- BX SLIDER -->
    <link href="/css/jquery.bxslider.css" rel="stylesheet">

    <link href="/css/bootstrap-slider.css" rel="stylesheet">

    <link href="/css/widget.css" rel="stylesheet">

    <link href="/css/shortcode.css" rel="stylesheet">
    <!-- responsive -->
    <link href="/css/responsive.css" rel="stylesheet">
    <!-- Component -->
    <link href="/js/dl-menu/component.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/search/base.css" type="text/css" rel="stylesheet" />

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        .cate-a-css{
            background-color: #49576C;
            color: #F3F3F3;
        }
        .ppp p{
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }
        .kode-text>h3>a{
            display:block;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
        }
    </style>
</head>
<body>
<div id="loader-wrapper">
    <div id="loader"></div>

    <div class="loader-section section-left"></div>
    <div class="loader-section section-right"></div>

</div>
<!--WRAPPER START-->
<div class="wrapper kode-header-class-3">
    <!--HEADER START-->
    <header class="header-3">
        <div class="container">
            <div class="logo-container">
                <div class="row">
                    <div class="col-md-3">
                        <!--LOGO START-->
                        <div class="logo">
                            <a href="#"><img src="/images/logo-2.png" alt=""></a>
                        </div>
                        <!--LOGO END-->
                    </div>
                    <div class="col-md-9">
                        <div class="top-strip">
                            <div class="pull-left">
                                <p>Welcome to Library theme</p>
                            </div>
                            <div class="social-icon">
                                <c:choose>
                                    <c:when test="${sessionScope.user == null}">
                                        <li><a id="onload-login" href="/login/index" class="pull-left">亲，请登录</a>
                                            <a href="${pageContext.request.contextPath}/register/index"
                                               class="pull-left">免费注册</a></li>
                                    </c:when>
                                    <c:otherwise>
                                        <li><a href="#" class="pull-left">欢迎 ${sessionScope.user.getUName()}</a></li>
                                    </c:otherwise>
                                </c:choose>
                            </div>
                        </div>
                        <div class="kode-navigation">
                            <ul>
                                <li><a href="/">主页</a>
                                    <ul>
                                        <li><a href="/">主页</a></li>
                                    </ul>
                                </li>
                                <c:choose>
                                    <c:when test="${sessionScope.user != null}">
                                        <li><a href="">图书管理</a>
                                            <ul>
                                                <li><a href="/ubook/post/index">发布图书</a></li>
                                                <li><a href="/ubook/myBooks">我的发布记录</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="">购物车</a>
                                            <ul>
                                                <li><a href="/shop/car/index">我的购物车</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="">订单管理</a>
                                            <ul>
                                                <li><a href="/order/index">所有订单</a></li>
                                                <li><a href="">待收货</a></li>
                                                <li><a href="">已完成</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="">个人中心</a>
                                            <ul>
                                                <li><a href="/user/userInfo/#caa">个人信息</a></li>
                                                <li><a href="/browse/history/list">我的浏览记录</a></li>
                                                <li><a href="/user/loginout">退出登陆</a></li>
                                            </ul>
                                        </li>
                                    </c:when>
                                </c:choose>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--HEADER END-->
    <!--BANNER START-->
    <div class="kode-inner-banner">
        <div class="kode-page-heading">
            <h2>Error 404</h2>
            <ol class="breadcrumb">
                <li><a href="#">Home</a></li>
                <li><a href="#">Library</a></li>
                <li class="active">Error 404</li>
            </ol>
        </div>
    </div>
    <!--BANNER END-->
    <!--CONTENT START-->
    <div class="kode-content padding-tb-50">
        <div class="container">
            <div class="error-404">
                <h2>Whooos!!!</h2>
                <div class="page-404">
                    <p>404</p>
                    <span>The page can not be found</span>
                </div>
                <p>We could not found the page you are looking for. Please try another page and verify the URL you have entered.</p>
                <a href="#" class="go-back">Go back to home page</a>
            </div>
        </div>
        <!--CONTENT END-->
    </div>
    <!--CONTENT END-->
    <div class="copyrights">
        <div class="container">
            <p>Copyrights © 2015-16 KodeForest. All rights reserved</p>
            <div class="cards"><img src="/images/cards.png" alt=""></div>
        </div>
    </div>
</div>
<!--WRAPPER END-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/js/bootstrap.min.js"></script>
<script src="/js/dl-menu/modernizr.custom.js"></script>
<script src="/js/dl-menu/jquery.dlmenu.js"></script>
<script src="/js/jquery.bxslider.min.js"></script>
<script src="/js/bootstrap-slider.js"></script>
<script src="/js/waypoints.min.js"></script>
<script src="/js/jquery.counterup.min.js"></script>
<script src="/js/functions.js"></script>
<script type="text/javascript" src="/js/search/jquery.select.js"></script>
<script type="text/javascript" src="/js/search/jquery-1.8.3.min.js"></script>
<script>
    $("#filter_book").click(function (){
        alert($("#ex2").val());
    });
    function addCar(bookCode){
        $.ajax({
            type:"POST",
            data:{"ubCode":bookCode},
            url:"/shop/car/add",
            success:function (data){
                if (data == "success"){
                    $("#test1").fadeToggle(3000);
                    $("#test1").addClass("bounceinDown");
                    $("#test1").fadeToggle(3000);
                    $("#msg").css('color','blue')
                }else {
                    $("#test1").fadeToggle(3000);
                    $("#test1").addClass("bounceinDown");
                    $("#msg").text("添加失败");
                    $("#msg").css('color','red')
                    $("#test1").fadeToggle(3000);
                }
            }

        });
    }

    function search_cate(id){

    }
</script>
</body>
</html>
